﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<base href="<%=request.getContextPath() %>/" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>第五元素购物</title>

<link rel="stylesheet" href="css/cartlist.css" type="text/css" media="all" />
</head>

<body>

<!-- 1.工具栏-->
<div id="toolbar">
<div id="div_1"><!-- 欢迎语-->
<div id="d1_welcom"><span>欢迎来第五元素购物商城!</span></div>
<!-- 功能按钮-->
<div id="d1_login">
<ul>
	<li><a href="login.html">[登录]</a></li>
	<li><img src="images/welcom_1.gif" alt="" /></li>
	<li><a href="register.html">[免费注册]</a></li>
	<li><img src="images/welcom_1.gif" alt="" /></li>
	<li><a href="">我的订单</a></li>
	<li><img src="images/welcom_1.gif" alt="" /></li>
	<li><a href="">购物车0件</a></li>
</ul>
</div>

</div>

</div>

<!-- 2.图片 -->
<div id="div_2"><img src="images/img.gif" alt="" /></div>

<div id="div_3">
<div id="d3_logo"><img src="images/logo.jpg" alt="" /></div>

<div id="d3_find">
<ul id="d3_ul1">
	<li><input type="text" name="输入"></li>
	<li><a href="">搜索</a></li>
</ul>
<ul id="d3_ul2">
	<li><a href="">电脑数码</a></li>
	<li><a href="">家电通讯</a></li>
	<li><a href="">佳人名仕</a></li>
	<li><a href="">食品母婴</a></li>
	<li><a href="">生活专区</a></li>
	<li><a href="">图书音像</a></li>

</ul>
</div>

</div>

<!--4.导航-->
<div id="div_4">
<div id="d4_ng">
<ul>
	<li><a href="">商品分类</a></li>
	<li><a href="Index.html">首页</a></li>
	<li><a href="">论坛</a></li>
	<li><a href="">留言板</a></li>
	<li><a href="">团购</a></li>
	<li><a href="">在线游戏</a></li>
</ul>
</div>
</div>
<!--5.中间代码部分-->
<div id="center"><!--间隔div -->
<div id="apart"></div>
<!--放图标购物车部分 -->
<div id="center1"><img src="images/car.gif" /><span
	style="font: 微软雅黑; font-size: 25px;"> 我的购物车 </span></div>
<!--列表部分 -->
<div id="list"><!--隔离颜色部分 -->
<div id="inlist">
<div id="table">
<table>
	<tr style="background-color: #82def2">
		<td><label>商品编号</label></td>
		<td><label>商品名称</label></td>
		<td><label>五折商城价</label></td>
		<td><label>商品数量</label></td>
		<td><label>总价格</label></td>
		<td><a>删除商品</a></td>
	</tr>
	<tr>
		<td><label>10008611111</label></td>
		<td><img src="images/phone.jpg" /><span>诺基亚（NOKIA）Lumia
		900 3G手机（蓝色）WCDMA/GSM 非定制机</span></td>
		<td><label>￥3000.0</label></td>
		<td><label> <input id="text" type="text" name="num" />
		</label></td>
		<td><label> ￥3000.0元 </label></td>
		<td><label> <a href="#">&nbsp;&nbsp;删除</a> </label></td>
	</tr>
	<tr>
		<td><label>20008656111</label></td>
		<td><img src="images/phone1.jpg" /><span>诺基亚（NOKIA）Lumia
		900 3G手机（黑色）WCDMA/GSM 非定制机</span></td>
		<td><label>￥3000.0</label></td>
		<td><label> <input id="text" type="text" name="num" />
		</label></td>
		<td><label> ￥3000.0元 </label></td>
		<td><label> <a href="#">&nbsp;&nbsp;删除</a> </label></td>
	</tr>
</table>
</div>
<!--计算总金额部分 -->
<div id="total">
<div id="totalcash"><label>总计：</label><span>￥6000</span></div>
</div>
<!-- 按钮部分-->
<div id="leftbt"><a href="#"><img src="images/bt2.gif" /></a></div>
<div id="rightbt"><a href="#"><img src="images/bt1.gif" /></a></div>
</div>
</div>
<div id="divimg"><img src="images/guangg.jpg" /></div>
</div>
<!--6.底部代码-->
<div id="Footer">
<p>第五元素制作</p>
<p>制作交流QQ群:259772627</p>
</div>

</body>

</html>
